<template>
	<div class="swiper-container">
  <div class="swiper-wrapper" v-for="item in bannerData">
  	<div class="swiper-slide"><img src="" alt="">{{bannerData}}</div>
    
  </div>
</div>
</template>
<script>
	export default{
		props:['options'],

		data(){
			return {
				bannerData:this.options,
				// swiperOption: {
    //         autoplay: 1000,
    //         direction : 'horizontal',
    //         pagination : '.swiper-pagination',
    //     						}
					}
		},
		methods:{
			add(){
				conmsole.log(this.bannerData)
			}
		},
		
// 如果你需要得到当前的swiper对象来做一些事情，你可以像下面这样定义一个方法属性来获取当前的swiper对象，同时notNextTick必须为true
computed: {
    swiper() {
        return this.$refs.mySwiper.swiper
    }
}
	}
</script>
<style></style>